<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>  
    
<head>    
   <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsvalidaciones.js"></script>
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/custom-theme/jquery-ui-1.8.17.custom.css" />
    <script src="/Fonafe-Bienes/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Fonafe-Bienes/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script src="/Fonafe-Bienes/js/jquery.colorbox.js" type="text/javascript"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <link href="/Fonafe-Bienes/css/colorbox.css" type="text/css" rel="stylesheet" />

    <script type="text/javascript" src="/Fonafe-Bienes/js/jscorreo.js"></script>
    <!-- PARA CALENDARIO -->
    <link type="text/css" rel="stylesheet" href="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen" />
    <script type="text/javascript" src="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
    <!-- FIN PARA CALENDARIO -->
    
    <script type="text/javascript">
        $(document).ready(function(){
            $(".mapa_1").colorbox({rel:'mapa_1'});
            $(".group").colorbox({rel:'group', slideshow:true});
        });
              
        function comprueba_extension(archivo,id) {
        extensiones_permitidas = new Array(".gif", ".jpg", ".jpeg", ".png");
        var error = "";
        if (!archivo) {
            error = "No has seleccionado ningún archivo";
        }else{
            extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
            permitida = false;
            for (var i = 0; i < extensiones_permitidas.length; i++) {
                if (extensiones_permitidas[i] == extension) {
                    permitida = true;
                    break;
                }
            }
            if (!permitida) {
                error = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
            }else{
               return;
            }
        }
        alert(error);
       }
    </script>


  </head>
   <script type="text/javascript">
       (function($) {
            $(document).ready(function(){
                agregar_item();
            });
        })(jQuery);

        $contador = 0;
        function agregar_item(){
            $contador++;
            var element = '<div id="00'+$contador+'">' +
                '<div id="divFile00'+$contador+'" style="width: 500px;"><input type="file" name="foto" id="imagen00'+$contador+'" >' +
                '&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none;" onclick="eliminar_item(\'00'+$contador+'\')" >Eliminar</a></div>' +
                '</div>';
            $('#contendor_galeria').append(element);
        }

        function eliminar_item(id){
            $('#'+id).remove();
        }
    </script>
  <body>
       <div id="header">
             <jsp:include page="/base/header_Login.jsp" flush="false"/>
             <jsp:include page="/base/menu_GLC.jsp" >
					<jsp:param name="parametro" value="mueble" />
		     </jsp:include>  
           </div>
           
      <div id="main">
 
        
          <!-- FIN DE CABECERA SUPERIOR: LOGO, BUSQUEDA INICIAL Y MENU PRINCIPAL -->
          <!-- ********************************************************** -->
 
 
 
          <div id="cuerpo">
              <s:url action="regresarBuscaMueblesGLC" id="regresarBuscaMGLC"></s:url>
              <p style="margin-left: 120px;">
              <s:a href="%{regresarBuscaMGLC}" cssClass="botones_externos"> << Regresar </s:a></p>
            
              <div>
               <s:if test="%{mensajeFail != null}">
                    <div class="msg-error" style="width: 550px;">
                        <s:property value="mensajeFail"/>
                    </div>
                </s:if>
              <s:form action="guardarNuevoMueble" name="saveMueble" method="post" enctype="multipart/form-data">
                  <div class="contenido_grilla" style="margin-center: 100px;">
 
                            <table class="table_form_consulta adicion_mantenimiento">
                                <thead>
                                    <tr>
                                        <th colspan="2">Registrar Mueble</th>
                                    </tr>
                                </thead>
                                   
                                  <tr>
                                      <td><span class="etiqueta_info">Nombre(*):</span></td>
                                      <td><input id="txtNombre" type="text" name="muebleBean.nombre"/>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>    
                                      </td>
                                  </tr>
                                  <tr>
                                      <td><span class="etiqueta_info">Descripci&oacute;n(*)</span></td>
                                      <td>
                                                 <s:textarea id="txtDescripcion" theme="simple" label="Descripción" cssClass="text_areas" name="muebleBean.descripcion"  cols="15"></s:textarea>
                                          <div class="error_registro">
                                             <span></span>
                                          </div> 
                                      </td>
                                  </tr>
                                  <tr>
                                      
                                      <td>
                                          <s:select label="Tipo Moneda(*)"
                                                    list="#{'Sol':'Sol', 'Dolar':'Dolar', 'Euro':'Euro'}"
                                                    name="muebleBean.tipo_moneda" 
                                                    />

                                      </td>
                                  </tr>                                 
                                  <tr>
                                      <td><span class="etiqueta_info">Precio(*)</span></td>
                                      <td><input id="txtPrecio" type="text" name="muebleBean.precio" onkeypress="return $.solonumerodecimal(event);"/>
                                          <div class="error_registro">
                                           <span></span>
                                          </div> 
                                      </td>
                                  </tr>

                                  <tr>

                                      <td><span class="etiqueta_info">Dept / Prov / Distrito(*)</span></td><td colspan="2">
                                          <div id="errorUbigeo" class="error_registro">
                                             <span></span>
                                          </div>
                                          <input id="oculto" type="hidden" name="muebleBean.tb_Ubigeo_id_ubigeo" />
                                          <input id="oculto2" type="hidden"  />
                                          <input autocomplete="off" id="TxtUbigeo" onkeyup="$.autocomplete($(this));" class="texto_mediano" type="text" name="muebleBean.ubigeo"/>

                                      </td>
                                  </tr>  
                                  <tr>
                                      <td><span class="etiqueta_info">Direcci&oacute;n(*)</span></td>
                                      <td><input id="txtDireccion" type="text" name="muebleBean.direccion"/>
                                          <div class="error_registro">
                                            <span></span>
                                          </div> 
                                      </td>
                                  </tr>
                                  
                                  <tr>
                                      
                                      <td colspan="2"> <s:select label="Tipo Mueble(*)" name="muebleBean.tipo_mueble" list="listTipoMueble" listKey="idTipoMueble" listValue="nombre" /></td>
                                  </tr>
                                   <tr>

                                      <td><span class="etiqueta_info">Foto Principal</span></td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,fotoPrincipalMueble)" name="fotoPrincipalMueble" id="fotoPrincipalMueble" />
                                      </td>
                                      <td></td>
                                  </tr>
                                  <tr>
                                      <td><span class="etiqueta_info">Fecha Vencimiento(*)</span></td>
                                      <td>
                                          <div class="error_registro">
                                             <span></span>
                                          </div> 
                                          <input type="text" id="txtFechaVen" readonly="true" class="class_calendar" maxlength="10" size="7"   name="fecha_vencimiento_mueble" class="align_left" ></input>
                                          <a href="javascript:void(0)" onclick="displayCalendar(document.saveMueble.fecha_vencimiento_mueble,'dd/mm/yyyy',this)"><img src="/Fonafe-Bienes/img/calendar.png" alt="" /></a>
                                          
                                      </td>
                                          
                                  </tr>
                                                                    
                                  <!--tr>
                                      
                                      <td><span class="etiqueta_info">Plano Ubicaci&oacute;n</span></td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,planoUbicacion)" name="planoUbicacion" id="planoUbicacion" />
                                           
                                      </td>
                                  </tr-->
                                  

                                     
                                          	<!--s:select label="Tipo Contrato(*)"
                                                    list="{'Venta':'Venta', 'Alquiler':'Alquiler'}"
                                                    name="muebleBean.tipoContrato"
                                                    /-->

                                      
                                 
                                  <tr>
                                      <td colspan="3" align="center"><br></br>
                                          Galeria de Fotos
                                          <div id="contendor_galeria">
                                          </div>
                                          <div id="IdAgregar" style="margin-left: 200px;"><a href="#" onclick="agregar_item()" style="text-decoration: underline;" >elegir m&aacute;s archivos</a></div>
                                          <br />
                                      </td>
                                  </tr>
                            </table>
                                  
                      <br/>
                    <br/>
                    <br />
                   <div align="center">
                     <input id="btnMuebleGLC" type="submit" value=" Guardar " class="buttonsubmit"/>
                  </div>
 
            
                           
                   </div>
             </s:form>
              </div>
          </div>
 
           
 
      </div>
        <jsp:include page="/base/footer.jsp" flush="false" />
  </body>
</html>
